<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>axios</title>
</head>

<body>
  <div id="root">
  </div>

  <script src="./js/vue.js"></script>
  <script src="./js/axios.js"></script>
  <script>

    //  全局配置公共的请求url域名 
    axios.defaults.baseURL = 'http://127.0.0.1:8080'
    // 配置公共的请求头
    axios.defaults.headers.common['aaa'] = 'bbb'


    new Vue({
      el: '#root',
      data: {
        // 电影列表数据
        movies: []
      },
      mounted() {

        console.log(axios.defaults)
        // 网络请求地址
        // 地址栏显示传参  相对地址
        var url = '/users'

        // post提交数据
        axios.get(url, {
          uname: 'abc',
          pwd: '11111'
        }).then(ret => console.log(ret))

        // axios.post/put/delete 有第3参数，可以用来设置头信息
        // post提交并携带头信息
        /* axios.post(url, {
          uname: 'abc',
          pwd: '11111'
        }, {
          // 请求头信息
          headers: {
            'aa': "bb"
          }
        }).then(ret => console.log(ret)) */

      }
    })
  </script>
</body>

</html>